<!-- 
  由于插值表达式不能直接放在元素的属性上，渲染属性要使用v-bind。
  v-bind可以用于渲染任何元素的属性，语法为：v-bind:属性名=’属性值’，可以简写为“:属性名=’属性值’”。
-->
<script setup>
  const person = {
    name:"百度",
    age:12,
    hobbies:['篮球','足球'],
    url:'https://www.baidu.com/',
    blank:'_blank'
  }
  let url = 'https://www.baidu.com/';
  let abc = 'ddd'
</script>

<template>
  <div>
    <a v-bind:href="'https://www.baidu.com/'" v-bind:target="person.blank" v-bind:title="person.name">baidu</a><br />
    <a v-bind:href="person.url" v-bind:target="person.blank" v-bind:title="person.name">baidu</a><br />
    <input type="button" :value="`点这里跳转到${person.name}`"/><br />

    <span v-text="hhhh"></span>

  </div>
</template>

<style scoped>

</style>
